<html>
	<head>
		<title>
			Percentage Test
		</title>
		<script type="text/javascript" src= "progress.js"></script>
		<script type="text/javascript">
			function drawPercent() {
				window.percent = new vg.visualization.ProgressBar({
					//sourceInput : "percent",
					bgColor : "FCE5CD",
					barColor : "F87E05",
					border : "1px solid #000000",
					animate : true,
					orientation : "vertical",
					height:"500px",
					width : "8px",
					top : "230px",
					left : "100px",
					stepSize : "5",
					stepTime : "100"
				});
				percent.draw();				
				percent.setValue(60);				
			}
			 
			function change() {
				percent.height = "600px";
				percent.setBarColor("#000000");
			}
		</script>
	</head>
	<body onload="drawPercent();">
		<input id="percent" type="text" />
		<input type="button" onclick="change();"/>
	</body>
</html>